import './assets/main.css'
import { createApp } from 'vue'
import App from './App.vue'
import store from './store'

import router from './router'

// 导入 Element Plus 及其样式
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

// 导入 TDesign 及其样式
import TDesign from 'tdesign-vue-next'
import 'tdesign-vue-next/es/style/index.css'

import TDesignMobile from 'tdesign-mobile-vue'
import 'tdesign-mobile-vue/es/style/index.css'

// 导入 Axios
import axios from 'axios'

// 导入 Vant
import { Toast } from 'vant';
import { Picker, Popup, Field, Button, NavBar } from 'vant';
import Vant from 'vant'
import 'vant/lib/index.css'

// 创建 Vue 应用实例
const app = createApp(App)

app.use(router)
app.use(ElementPlus)
app.use(TDesign)
app.use(Vant)
app.use(TDesignMobile)
app.use(Toast)
app.use(Picker)
app.use(Popup)
app.use(Field)
app.use(Button)
app.use(NavBar)
app.use(store)
app.config.globalProperties.$axios = axios

// 挂载 Vue 应用到 DOM
app.mount('#app')
